<!DOCTYPE HTML>
<html>
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<!-- /Added by HTTrack -->
<head>
<meta charset="UTF-8">

<meta name="description" content="">
<meta name="keywords" content="">

<title>Home</title>

<link rel="shortcut icon" href="favicon.ico">
<link href="css/style.css" media="screen" rel="stylesheet" type="text/css">
<link href="css/grid.css" media="screen" rel="stylesheet" type="text/css">

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/html5.js"></script>
<script src="js/jflow.plus.js"></script>
<script src="js/jquery.carouFredSel-5.2.2-packed.js"></script>

<script>
	$(document).ready(function() {
		$("#myController").jFlow({
			controller : ".control", // must be class, use . sign
			slideWrapper : "#jFlowSlider", // must be id, use # sign
			slides : "#slider", // the div where all your sliding divs are nested in
			selectedWrapper : "jFlowSelected", // just pure text, no sign
			width : "984px", // this is the width for the content-slider
			height : "480px", // this is the height for the content-slider
			duration : 400, // time in miliseconds to transition one slide
			prev : ".slidprev", // must be class, use . sign
			next : ".slidnext", // must be class, use . sign
			auto : true
		});
	});
</script>
<script>
	$(function() {
		$('#list_product').carouFredSel({
			prev : '#prev_c1',
			next : '#next_c1',
			auto : false
		});
		$('#list_product2').carouFredSel({
			prev : '#prev_c2',
			next : '#next_c2',
			auto : false
		});
		$(window).resize();
	});
</script>
<script>
	$(document).ready(function() {
		$("button").click(function() {
			$(this).addClass('click')
		});
	})
</script>

</head>
<body>
	<div class="container_12">
		<div id="top">
			<div class="grid_3">
				<div class="phone_top">Call Us +777 (100) 1234</div>
				<!-- .phone_top -->
			</div>
			<!-- .grid_3 -->

			<div class="grid_6">
				<div class="welcome">
					Welcome visitor you can
					<a href="login.html">login</a>
					or
					<a href="login.html">create an account</a>
					.
				</div>
				<!-- .welcome -->
			</div>
			<!-- .grid_6 -->

			<div class="grid_3">
				<div class="valuta">
					<ul>
						<li class="curent">
							<a href="#">$</a>
						</li>
						<li>
							<a href="#">&#8364;</a>
						</li>
						<li>
							<a href="#">&#163;</a>
						</li>
					</ul>
				</div>
				<!-- .valuta -->

				<div class="lang">
					<ul>
						<li class="curent">
							<a href="#">EN</a>
						</li>
						<li>
							<a href="#">FR</a>
						</li>
						<li>
							<a href="#">GM</a>
						</li>
					</ul>
				</div>
				<!-- .lang -->
			</div>
			<!-- .grid_3 -->
		</div>
		<!-- #top -->

		<div class="clear"></div>

		<header id="branding">
			<div class="grid_3">
				<hgroup>
					<h1 id="site_logo">
						<a href="index.html" title="">
							<img src="images/logo.png" alt="Online Store Theme Logo" />
						</a>
					</h1>
					<h2 id="site_description">Online Store Theme</h2>
				</hgroup>
			</div>
			<!-- .grid_3 -->

			<div class="grid_3">
				<form class="search">
					<input type="text" name="search" class="entry_form" value="" placeholder="Search entire store here..." />
				</form>
			</div>
			<!-- .grid_3 -->

			<div class="grid_6">
				<ul id="cart_nav">
					<li>
						<a class="cart_li" href="#">
							Cart <span>$0.00</span>
						</a>
						<ul class="cart_cont">
							<li class="no_border">
								<p>Recently added item(s)</p>
							</li>
							<li>
								<a href="product_page.html" class="prev_cart">
									<div class="cart_vert">
										<img src="images/cart_img.png" alt="" title="" />
									</div>
								</a>
								<div class="cont_cart">
									<h4>Caldrea Linen and Room Spray</h4>
									<div class="price">1 x $399.00</div>
								</div>
								<a title="close" class="close" href="#"></a>
								<div class="clear"></div>
							</li>

							<li>
								<a href="product_page.html" class="prev_cart">
									<div class="cart_vert">
										<img src="images/produkt_slid1.png" alt="" title="" />
									</div>
								</a>
								<div class="cont_cart">
									<h4>Caldrea Linen and Room Spray</h4>
									<div class="price">1 x $399.00</div>
								</div>
								<a title="close" class="close" href="#"></a>
								<div class="clear"></div>
							</li>
							<li class="no_border">
								<a href="shopping_cart.html" class="view_cart">View shopping cart</a>
								<a href="checkout.html" class="checkout">Procced to Checkout</a>
							</li>
						</ul>
					</li>
				</ul>

				<nav class="private">
					<ul>
						<li>
							<a href="#">My Account</a>
						</li>
						<li class="separator">|</li>
						<li>
							<a href="shoppingCar.do">购物车</a>
						</li>
						<li class="separator">|</li>
						<li>
							<a href="login.html">Log In</a>
						</li>
						<li class="separator">|</li>
						<li>
							<a href="login.html">Sign Up</a>
						</li>
						<li class="separator">|</li>
						<li>
							<a href="jumpToShopBack.do">卖家中心</a>
						</li>
					</ul>
				</nav>
				<!-- .private -->
			</div>
			<!-- .grid_6 -->
		</header>
		<!-- #branding -->
	</div>
	<!-- .container_12 -->

	<div class="clear"></div>

	<div id="block_nav_primary">
		<div class="container_12">
			<div class="grid_12">
				<nav class="primary">
					<ul>
						<li class="curent">
							<a href="index.html">Home</a>
						</li>
						<li>
							<a href="catalog_grid.html">Solids</a>
						</li>
						<li>
							<a href="catalog_grid.html">Liquids</a>
						</li>
						<li>
							<a href="catalog_grid.html">Spray</a>
							<ul class="sub">
								<li>
									<a href="catalog_grid.html">For home</a>
								</li>
								<li>
									<a href="catalog_grid.html">For Garden</a>
								</li>
								<li>
									<a href="catalog_grid.html">For Car</a>
								</li>
								<li>
									<a href="catalog_grid.html">Other spray</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="catalog_grid.html">Electric</a>
						</li>
						<li>
							<a href="catalog_grid.html">For cars</a>
						</li>
						<li>
							<a href="#">All pages</a>
							<ul class="sub">
								<li>
									<a href="index.html">Home</a>
								</li>
								<li>
									<a href="text_page.html">Typography and basic styles</a>
								</li>
								<li>
									<a href="catalog_grid.html">Catalog (grid view)</a>
								</li>
								<li>
									<a href="catalog_list.html">Catalog (list type view)</a>
								</li>
								<li>
									<a href="product_page.html">Product view</a>
								</li>
								<li>
									<a href="shopping_cart.html">Shoping cart</a>
								</li>
								<li>
									<a href="checkout.html">Proceed to checkout</a>
								</li>
								<li>
									<a href="compare.html">Products comparison</a>
								</li>
								<li>
									<a href="login.html">Login</a>
								</li>
								<li>
									<a href="contact_us.html">Contact us</a>
								</li>
								<li>
									<a href="404.html">404</a>
								</li>
								<li>
									<a href="blog.html">Blog posts</a>
								</li>
								<li>
									<a href="blog_post.html">Blog post view</a>
								</li>
							</ul>
						</li>
					</ul>
				</nav>
				<!-- .primary -->
			</div>
			<!-- .grid_12 -->
		</div>
		<!-- .container_12 -->
	</div>
	<!-- .block_nav_primary -->

	<div class="clear"></div>

	<div class="container_12">
		<div class="grid_12">
			<div class="slidprev">
				<span>Prev</span>
			</div>
			<div class="slidnext">
				<span>Next</span>
			</div>
			<div id="slider">
				<div id="slide1">
					<img src="images/content/slide1.jpg" alt="" title="" />
					<div class="slid_text">
						<h3 class="slid_title">
							<span>Breeze Theme</span>
						</h3>
						<p>
							<span>Breeze is the 14 stylish HTML templates,</span>
						</p>
						<p>
							<span>which will helps you boost sales</span>
						</p>
						<p>
							<span>and receive good feedback from your clients.</span>
						</p>
					</div>
				</div>

				<div id="slide2">
					<img src="images/content/slide2.jpg" alt="" title="" />
					<div class="slid_text">
						<h3 class="slid_title">
							<span>Flexibility</span>
						</h3>
						<p>
							<span>Every product, which you are selling,</span>
						</p>
						<p>
							<span>will look great with Breeze theme.</span>
						</p>
					</div>
				</div>

				<div id="slide3">
					<img src="images/content/slide3.jpg" alt="" title="" />
					<div class="slid_text">
						<h3 class="slid_title">
							<span>Accuracy and Easiness</span>
						</h3>
						<p>
							<span>Breeze design is mere and accurate,</span>
						</p>
						<p>
							<span>so it will satisfy everybody.</span>
						</p>
					</div>
				</div>
			</div>
			<!-- .slider -->
			<div id="myController">
				<div class="control">
					<span>1</span>
				</div>
				<div class="control">
					<span>2</span>
				</div>
				<div class="control">
					<span>3</span>
				</div>
			</div>


		</div>
		<!-- .grid_12 -->
	</div>
	<!-- .container_12 -->
	<div class="copyrights">
		Collect from
		<a href="http://www.mycodes.net/" title="网站模板">网站模板</a>
	</div>
	<div class="clear"></div>

	<section id="main" class="home">
		<div class="container_12">
			<div id="top_button">
				<div class="grid_4">
					<a href="#" class="button_block best_price">
						<img src="images/banner1.png" alt="Banner 1" />
					</a>
					<!-- .best_price -->
				</div>
				<!-- .grid_4 -->

				<div class="grid_4">
					<a href="#" class="button_block new_smells">
						<img src="images/banner2.png" alt="Banner 2" />
					</a>
					<!-- .new smells -->
				</div>
				<!-- .grid_4 -->

				<div class="grid_4">
					<a href="#" class="button_block only_natural">
						<img src="images/banner3.png" alt="Banner 3" />
					</a>
					<!-- .only_natural -->
				</div>
				<!-- .grid_4 -->

				<div class="clear"></div>
			</div>
			<!-- #top_button -->

			<div class="clear"></div>

			<div class="carousel">
				<div class="c_header">
					<div class="grid_10">
						<h2>Best Sellers</h2>
					</div>
					<!-- .grid_10 -->

					<div class="grid_2">
						<a id="next_c1" class="next arows" href="#">
							<span>Next</span>
						</a>
						<a id="prev_c1" class="prev arows" href="#">
							<span>Prev</span>
						</a>
					</div>
					<!-- .grid_2 -->
				</div>
				<!-- .c_header -->

				<div class="list_carousel">

					<ul id="list_product" class="list_product">
						<li class="">
							<div class="grid_3 product">
								<img class="sale" src="images/sale.png" alt="Sale" />
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_1.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<img class="sale" src="images/sale.png" alt="Sale" />
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_2.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_3.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<img class="sale" src="images/sale.png" alt="Sale" />
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_4.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_8.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

					</ul>
					<!-- #list_product -->
				</div>
				<!-- .list_carousel -->
			</div>
			<!-- .carousel -->

			<div class="carousel">
				<div class="c_header">
					<div class="grid_10">
						<h2>Featured Products</h2>
					</div>
					<!-- .grid_10 -->

					<div class="grid_2">
						<a id="next_c2" class="next arows" href="#">
							<span>Next</span>
						</a>
						<a id="prev_c2" class="prev arows" href="#">
							<span>Prev</span>
						</a>
					</div>
					<!-- .grid_2 -->
				</div>
				<!-- .c_header -->

				<div class="list_carousel">
					<ul id="list_product2" class="list_product">
						<li class="">
							<div class="grid_3 product">
								<img class="sale" src="images/sale.png" alt="Sale" />
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_5.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<img class="sale" src="images/sale.png" alt="Sale" />
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_6.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_7.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<img class="sale" src="images/sale.png" alt="Sale" />
								<div class="prev">
									<a href="product_page.html">
										<img src="images/produkt_slid1.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

						<li class="">
							<div class="grid_3 product">
								<div class="prev">
									<a href="product_page.html">
										<img src="images/product_9.png" alt="" title="" />
									</a>
								</div>
								<!-- .prev -->
								<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
								<div class="cart">
									<div class="price">
										<div class="vert">
											<div class="price_new">$550.00</div>
											<div class="price_old">$725.00</div>
										</div>
									</div>
									<a href="#" class="obn"></a>
									<a href="#" class="like"></a>
									<a href="#" class="bay"></a>
								</div>
								<!-- .cart -->
							</div>
							<!-- .grid_3 -->
						</li>

					</ul>
					<!-- #list_product2 -->
				</div>
				<!-- .list_carousel -->
			</div>
			<!-- .carousel -->

			<div id="content_bottom">
				<div class="grid_4">
					<div class="bottom_block about_as">
						<h3>About Us</h3>
						<p>A block of text is a stack of line boxes. In the case of 'left', 'right' and 'center', this property specifies how the inline-level boxes
							within each line box align with respect to the line box's</p>
						<p>Alignment is not with respect to the viewport. In the case of 'justify', this property specifies that the inline-level boxes are to be
							made flush with both sides of the line box if possible.</p>
						<p>by expanding or contracting the contents of inline boxes, else aligned as for the initial value.</p>
					</div>
					<!-- .about_as -->
				</div>
				<!-- .grid_4 -->

				<div class="grid_4">
					<div class="bottom_block news">
						<h3>News</h3>
						<ul>
							<li>
								<time datetime="2012-03-03">3 january 2012</time>
								<a href="#">A block of text is a stack of line boxes. In the case of 'left', 'right' and 'center', this property specifies</a>
							</li>

							<li>
								<time datetime="2012-02-03">2 january 2012</time>
								<a href="#">A block of text is a stack of line boxes. In the case of 'left', 'right' and 'center', this property specifies</a>
							</li>

							<li>
								<time datetime="2012-01-03">1 january 2012</time>
								<a href="#">A block of text is a stack of line boxes. In the case of 'left', 'right' and 'center', this property specifies how the
									inline-level boxes within each line</a>
							</li>
						</ul>
					</div>
					<!-- .news -->
				</div>
				<!-- .grid_4 -->

				<div class="grid_4">
					<div class="bottom_block newsletter">
						<h3>Newsletter</h3>
						<p>Cursus in dapibus ultrices velit fusce. Felis lacus erat. Fermentum parturient lacus tristique habitant nullam morbi et odio nibh mus
							dictum tellus erat.</p>
						<form class="letter_form">
							<input type="email" name="newsletter" class="l_form" value="" placeholder="Enter your email address..." />
							<input type="submit" id="submit" value="" />
						</form>
						<div class="lettel_description">Vel lobortis gravida. Cursus in dapibus ultrices velit fusce. Felis lacus erat.</div>
						<!-- .lettel_description -->
					</div>
					<!-- .newsletter -->
				</div>
				<!-- .grid_4 -->

				<div class="clear"></div>
			</div>
			<!-- #content_bottom -->
			<div class="clear"></div>

		</div>
		<!-- .container_12 -->
	</section>
	<!-- #main -->

	<div class="clear"></div>

	<footer>
		<div class="f_navigation">
			<div class="container_12">
				<div class="grid_3">
					<h3>Contact Us</h3>
					<ul class="f_contact">
						<li>49 Archdale, 2B Charlestone</li>
						<li>+777 (100) 1234</li>
						<li>mail@example.com</li>
					</ul>
					<!-- .f_contact -->
				</div>
				<!-- .grid_3 -->

				<div class="grid_3">
					<h3>Information</h3>
					<nav class="f_menu">
						<ul>
							<li>
								<a href="#">About As</a>
							</li>
							<li>
								<a href="#">Privacy Policy</a>
							</li>
							<li>
								<a href="#">Terms & Conditions</a>
							</li>
							<li>
								<a href="#">Secure payment</a>
							</li>
						</ul>
					</nav>
					<!-- .private -->
				</div>
				<!-- .grid_3 -->

				<div class="grid_3">
					<h3>Costumer Servise</h3>
					<nav class="f_menu">
						<ul>
							<li>
								<a href="contact_us.html">Contact As</a>
							</li>
							<li>
								<a href="#">Return</a>
							</li>
							<li>
								<a href="#">FAQ</a>
							</li>
							<li>
								<a href="#">Site Map</a>
							</li>
						</ul>
					</nav>
					<!-- .private -->
				</div>
				<!-- .grid_3 -->

				<div class="grid_3">
					<h3>My Account</h3>
					<nav class="f_menu">
						<ul>
							<li>
								<a href="#">My Account</a>
							</li>
							<li>
								<a href="#">Order History</a>
							</li>
							<li>
								<a href="#">Wish List</a>
							</li>
							<li>
								<a href="#">Newsletter</a>
							</li>
						</ul>
					</nav>
					<!-- .private -->
				</div>
				<!-- .grid_3 -->

				<div class="clear"></div>
			</div>
			<!-- .container_12 -->
		</div>
		<!-- .f_navigation -->

		<div class="f_info">
			<div class="container_12">
				<div class="grid_6">
					<p class="copyright">
						© Breeze Store Theme, 2013. Collect from
						<a href="http://www.mycodes.net/" title="网页模板" target="_blank">网页模板</a>
					</p>
				</div>
				<!-- .grid_6 -->

				<div class="grid_6">
					<div class="soc">
						<a class="google" href="#"></a>
						<a class="twitter" href="#"></a>
						<a class="facebook" href="#"></a>
					</div>
					<!-- .soc -->
				</div>
				<!-- .grid_6 -->

				<div class="clear"></div>
			</div>
			<!-- .container_12 -->
		</div>
		<!-- .f_info -->
	</footer>

</body>
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<!-- /Added by HTTrack -->
</html>
